<template>
  <div id="app" style="background:#f7f8fa; ">
    <!--头部-->
    <Header v-if="$route.meta.isHeader"></Header>
<!--    <transition :name="$route.path == '/Search' ? 'van-slide-down':''">-->
      <router-view/>
<!--    </transition>-->
    <!--底部-->
    <Tabbar v-if="$route.meta.isfoote"></Tabbar>
    <div style="height: 3rem;"></div>
  </div>
</template>
<script>
import Tabbar from "./components/Tabbar"
import Header from "./components/Header";
import {getLocation} from "./utils/location";
export default {
  name: 'App',
  data(){
      return{

      }
  },

  components:{
    Tabbar,Header
  },
  mounted(){
    getLocation()
  },

}

</script>

<style>
#app{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  overflow-x: hidden;
  overflow-y: scroll;
}

#app::-webkit-scrollbar {
  display: none;
}
</style>
